* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.center {
  margin: 0 auto;
  /* background-color: pink; */
  width: 100%;
  text-align: end;
}
a {
  color: #fff;
  list-style: none;
  text-decoration: none;
}
/* 公共通用样式或默认样式 */
/* 一级导航栏 */
.first-header {
  width: 100%;
  height: 47px;
  background-color: #333;
  display: flex;
  justify-content: space-between;
}
.first-header .txt p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 20px;
  margin-left: 150px;
  line-height: 47px;
}
.first-header ul {
  display: flex;
  list-style: none;
}
.first-header ul li {
  color: #fff;
  list-style: none;
  width: 64px;
  height: 16px;
  font-size: 16px;
  font-family: AdobeHeitiStd-Regular;
  line-height: 47px;
  margin-right: 40px;
}
.first-header ul li:nth-child(4) {
  margin-right: 120px;
}
.first-header ul li:hover {
  font-weight: 700;
}
.first-header .txt p:hover {
  font-weight: 700;
}
/* 一级导航栏 */
/* 二级导航栏 */
.header {
  width: 100%;
  height: 108px;
  background-color: #89e291;
}
.header .content {
  display: flex;
  width: 1440px;
  height: 108px;
  margin: 0 auto;
  align-items: center;
  justify-content: space-between;
}
.header .content .text {
  display: flex;
  align-items: center;
}
.header .content .text span {
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #333333;
}
.header .content .text h2 {
  font-family: STXingkai;
  font-size: 70px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #040404;
}
.header .content .input {
  position: relative;
}
.header .content .input input {
  width: 466px;
  height: 51px;
  background-color: #fbf9f9;
  border-radius: 10px;
  border: 1px solid #efefef;
  text-align: center;
  font-family: MicrosoftYaHei;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #999999;
  outline: navajowhite;
}
.header .content .input input:focus {
  border: 1px solid #efefef;
  box-shadow: 0 0 10px #efefef;
}
.header .content .input i {
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 25px;
}
/* 二级导航栏 */
.banner {
  width: 100%;
  height: 551px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.banner .banner-list {
  width: 100%;
  height: 100%;
  z-index: 10;
}
.banner .banner-list li img {
  width: 1439px;
  height: 551px;
  border: 1px solid #efefef;
}
.banner::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: efefef;
  background-image: url(../../images/Introduction/banner.png);
  background-size: 200%;
  top: 0;
  left: 0;
  z-index: -1;
  filter: blur(10px);
}
.playWY {
  width: 1440px;
  text-align: center;
  margin: 0 auto;
}
.playWY .title {
  margin: 0 auto;
  height: 55px;
  font-family: STXingkai;
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #090909;
  margin-top: 100px;
  margin-bottom: 50px;
}
.playWY .content ul {
  display: flex;
  justify-content: center;
  list-style: none;
  text-align: center;
}
.playWY .content ul .item1 div {
  margin-top: 17px;
  position: relative;
  transition: all 0.5s;
}
.playWY .content ul .item1 div::before {
  content: '文化';
  font-family: MicrosoftYaHei;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  position: absolute;
  left: 39px;
  top: 15px;
}
.playWY .content ul .item1 div::after {
  content: 'Culture';
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  position: absolute;
  top: 60px;
  left: 19px;
}
.playWY .content ul .item1 div:hover {
  transform: scale(1.03);
}
.playWY .content ul .item1 .photography {
  width: 309px;
  height: 353px;
  background-color: #fff;
  background-image: url(../../images/Introduction/Photography.png);
}
.playWY .content ul .item1 .photography::before {
  content: '摄影';
}
.playWY .content ul .item1 .photography::after {
  content: 'Photography';
}
.playWY .content ul .item1 .culture {
  width: 309px;
  height: 306px;
  background-color: #c53dc5;
  background-image: url(../../images/Introduction/Culture.png);
  position: relative;
}
.playWY .content ul .item1 .culture::before {
  content: '文化';
}
.playWY .content ul .item1 .culture::after {
  content: 'Culture';
}
.playWY .content ul .item1 .travel-agency {
  width: 309px;
  height: 192px;
  background-color: #000;
  background-image: url(../../images/Introduction/Travel-agency.png);
}
.playWY .content ul .item1 .travel-agency::before {
  content: '旅行社';
}
.playWY .content ul .item1 .travel-agency::after {
  content: 'Travel agency';
}
.playWY .content ul .item2 {
  margin-left: 17px;
}
.playWY .content ul .item2 div {
  margin-top: 17px;
  position: relative;
  transition: all 0.5s;
}
.playWY .content ul .item2 div::before {
  content: '';
  font-family: MicrosoftYaHei;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  position: absolute;
  left: 39px;
  top: 15px;
}
.playWY .content ul .item2 div::after {
  content: '';
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  position: absolute;
  top: 60px;
  left: 19px;
}
.playWY .content ul .item2 div:hover {
  transform: scale(1.03);
}
.playWY .content ul .item2 .attractionn {
  width: 601px;
  height: 449px;
  background-color: #fff;
  background-image: url(../../images/Introduction/Attraction.png);
}
.playWY .content ul .item2 .attractionn::before {
  content: '景点';
}
.playWY .content ul .item2 .attractionn::after {
  content: 'Attraction';
}
.playWY .content ul .item2 .guide {
  width: 601px;
  height: 211px;
  background-color: #fff;
  background-image: url(../../images/Introduction/Guide.png);
}
.playWY .content ul .item2 .guide::before {
  content: '导游';
}
.playWY .content ul .item2 .guide::after {
  content: 'Guidey';
}
.playWY .content ul .item2 .goods {
  display: flex;
}
.playWY .content ul .item2 .goods .shopping {
  width: 309px;
  height: 192px;
  background-color: #fff;
  margin: 0;
  margin-right: 17px;
  background-image: url(../../images/Introduction/Shopping.png);
}
.playWY .content ul .item2 .goods .shopping::before {
  content: '购物';
}
.playWY .content ul .item2 .goods .shopping::after {
  content: 'Shopping';
}
.playWY .content ul .item2 .goods .gift {
  width: 271px;
  height: 192px;
  background-color: #fff;
  margin: 0;
  background-image: url(../../images/Introduction/Gift.png);
}
.playWY .content ul .item2 .goods .gift::before {
  content: '文创';
}
.playWY .content ul .item2 .goods .gift::after {
  content: 'Gift';
}
.playWY .content ul .item3 {
  margin-left: 17px;
}
.playWY .content ul .item3 div {
  margin-top: 17px;
  position: relative;
  transition: all 0.5s;
}
.playWY .content ul .item3 div::before {
  content: '文化';
  font-family: MicrosoftYaHei;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  position: absolute;
  left: 39px;
  top: 15px;
}
.playWY .content ul .item3 div::after {
  content: 'Culture';
  font-family: MicrosoftYaHei-Bold;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  position: absolute;
  top: 60px;
  left: 19px;
}
.playWY .content ul .item3 div:hover {
  transform: scale(1.03);
}
.playWY .content ul .item3 .stay {
  width: 354px;
  height: 173px;
  background-color: #fff;
  background-image: url(../../images/Introduction/Stay.png);
}
.playWY .content ul .item3 .stay::before {
  content: '住宿';
}
.playWY .content ul .item3 .stay::after {
  content: 'Stay';
}
.playWY .content ul .item3 .delicacy {
  width: 354px;
  height: 345px;
  background-color: #fff;
  background-image: url(../../images/Introduction/Delicacy.png);
}
.playWY .content ul .item3 .delicacy::before {
  content: '美食';
}
.playWY .content ul .item3 .delicacy::after {
  content: 'Delicacy';
}
.playWY .content ul .item3 .portray {
  width: 354px;
  height: 337px;
  background-color: #fff;
  background-image: url(../../images/Introduction/Portray.png);
}
.playWY .content ul .item3 .portray::before {
  content: '写真';
}
.playWY .content ul .item3 .portray::after {
  content: 'Portray';
}
.playPlan {
  width: 1440px;
  height: 1000px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  margin-top: 120px;
  transform: translateY(100px);
  opacity: 0;
  transition: all 1.5s;
}
.playPlan.active {
  transform: translateY(0);
  opacity: 1;
}
.playPlan .left {
  width: 890px;
  text-align: center;
  margin-top: 110px;
}
.playPlan .left .title {
  font-family: STXingkai;
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #090909;
  margin-bottom: 100px;
}
.playPlan .left .content ul {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  list-style: none;
  margin-top: 48px;
}
.playPlan .left .content ul li {
  width: 388px;
  height: 192px;
  background-color: #89e291;
  margin-left: 56px;
  margin-top: 38px;
  display: flex;
  align-items: center;
  transition: all 0.5s;
}
.playPlan .left .content ul li:hover {
  transform: scale(1.03);
}
.playPlan .left .content ul li .img {
  margin-left: 18px;
}
.playPlan .left .content ul li .img img {
  width: 150px;
  height: 152px;
  border-radius: 10px;
}
.playPlan .left .content ul li .txt {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.playPlan .left .content ul li .txt h5 {
  font-family: MicrosoftYaHei;
  font-size: 36px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  margin-left: 24px;
  margin-top: -18px;
}
.playPlan .left .content ul li .txt p {
  font-family: MicrosoftYaHeiLight;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #fffefe;
  margin-left: 17px;
  padding-right: 5px;
  width: 186px;
  margin-top: 20px;
}
.playPlan .right {
  background-color: pink;
  width: 409px;
  height: 1200px;
  background-color: #89e291;
  text-align: center;
  margin-left: 60px;
}
.playPlan .right .title {
  width: 301px;
  height: 70px;
  background-color: #fbf9f9;
  border-radius: 10px;
  font-family: MicrosoftYaHei;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #080808;
  margin: 0 auto;
  text-align: center;
  line-height: 70px;
  margin-top: 53px;
}
.playPlan .right ul {
  list-style: none;
  margin-left: 55px;
  margin-top: 66px;
}
.playPlan .right ul li {
  width: 297px;
  height: 162px;
  background-color: #fbf9f9;
  border-radius: 10px;
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  transition: all 0.5s;
}
.playPlan .right ul li::before {
  content: '1';
  position: absolute;
  top: 0;
  left: 0;
  width: 31px;
  height: 32px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #faf8f8;
  background-color: #ec0b0b;
  border-radius: 50%;
  margin-left: 4px;
  margin-top: 5px;
}
.playPlan .right ul li:nth-child(1)::before {
  content: '1';
}
.playPlan .right ul li:nth-child(1)::after {
  content: '5A';
}
.playPlan .right ul li:nth-child(2)::before {
  content: '2';
}
.playPlan .right ul li:nth-child(2)::after {
  content: '5A';
}
.playPlan .right ul li:nth-child(3)::before {
  content: '3';
}
.playPlan .right ul li:nth-child(3)::after {
  content: '4A';
}
.playPlan .right ul li:nth-child(4)::before {
  content: '4';
}
.playPlan .right ul li:nth-child(4)::after {
  content: '4A';
}
.playPlan .right ul li:nth-child(5)::before {
  content: '5';
}
.playPlan .right ul li:nth-child(5)::after {
  content: '4A';
}
.playPlan .right ul li::after {
  content: '5A';
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: MicrosoftYaHei-Bold;
  font-size: 24px;
  font-weight: 700;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ec0b0b;
  margin-bottom: 25px;
  margin-right: 25px;
}
.playPlan .right ul li:hover {
  transform: scale(1.03);
}
.playPlan .right ul li .img {
  margin-left: 6px;
}
.playPlan .right ul li p {
  font-family: STXingkai;
  font-size: 63px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #999999;
  margin-right: 30px;
}
.FeiYi {
  width: 1440px;
  margin: 0 auto;
  text-align: center;
  margin-top: 300px;
  transform: translateY(100px);
  opacity: 0;
  transition: all 1s;
}
.FeiYi.active {
  transform: translateY(0);
  opacity: 1;
}
.FeiYi .title {
  font-family: STXingkai;
  font-size: 60px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #090909;
  margin-bottom: 100px;
}
.FeiYi .content {
  display: flex;
  justify-content: center;
  align-items: center;
  transform-style: preserve-3d;
}
.FeiYi .content:hover .img {
  transform: scale(0.95) perspective(500px);
}
.FeiYi .content .img {
  width: 228px;
  height: 508px;
  margin: 10px;
  transition: all 0.5s;
  position: relative;
}
.FeiYi .content .img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.FeiYi .content .img::after {
  content: '竹编工艺';
  position: absolute;
  left: 50%;
  top: 60%;
  transform: translateX(-50%);
  font-family: STXingkai;
  font-size: 40px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 0;
  transition: all 0.5s;
}
.FeiYi .content .img:hover {
  width: 398px;
  transform: scale(1.05) perspective(500px);
  filter: drop-shadow(0 0 10px #efefef) drop-shadow(0 0 15px #afa6a6);
}
.FeiYi .content .img:hover::after {
  opacity: 1;
  top: 80%;
  text-shadow: 0 0 10px #000;
}
.FeiYi .content .img:nth-child(1):after {
  content: '竹编工艺';
}
.FeiYi .content .img:nth-child(2):after {
  content: '水墨桐香';
}
.FeiYi .content .img:nth-child(3):after {
  content: '徽州刺绣';
}
.FeiYi .content .img:nth-child(4):after {
  content: '歙砚';
}
.FeiYi .content .img:nth-child(5):after {
  content: '婺源烙画';
  text-shadow: 0 0 10px #000;
}
.remmcond {
  width: 1440px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  margin-top: 80px;
  text-align: center;
  padding: 0 200px;
}
.remmcond .title {
  text-align: center;
  margin-bottom: 57px;
}
.remmcond .title h3 {
  padding-top: 68px;
  font-family: STXingkai;
  font-size: 48px;
  font-weight: 700;
  letter-spacing: 0px;
  color: #363d4d;
}
.remmcond .title hr {
  margin: 0 auto;
  margin-top: 30px;
  width: 162px;
  height: 5px;
  background-color: #999999;
  border-radius: 3px;
}
.remmcond .goods {
  margin: 0 auto;
  list-style: none;
  column-count: 4;
  column-gap: 20px;
  margin: 0 10px;
  margin-left: 30px;
}
.remmcond .goods li {
  width: 221px;
  height: auto;
  background-color: #f8f7f7;
  border-radius: 10px;
  border: solid 5px #89e291;
  margin-bottom: 20px;
  position: relative;
  transition: all 0.5s ease-in-out;
}
.remmcond .goods li:hover {
  transform: scale(1.1);
  box-shadow: 0 0 10px #89e291;
}
.remmcond .goods li:hover span {
  transform: scale(1.1);
}
.remmcond .goods li img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.remmcond .goods li span {
  position: absolute;
  font-size: 30px;
  color: #fff;
  top: 50%;
  left: 32%;
  font-weight: 700;
  transform: scale(0);
  transition: all 0.5s ease-in-out;
}
/* 版权区域 */
.footer {
  width: 100%;
  height: 266px;
  background-color: #89e291;
  margin-top: 206px;
  display: flex;
  justify-content: space-between;
  z-index: 100;
}
.footer .left {
  margin-left: 150px;
  margin-top: 60px;
}
.footer .left p {
  color: #fff;
  font-weight: 700;
  font-size: 26px;
  margin-top: 10px;
}
.footer .right {
  /* background-color: red; */
  margin-right: 300px;
}
.footer .right h4 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  margin-top: 50px;
}
.footer .right ul {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.footer .right ul li {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background-color: #fff;
  text-align: center;
  line-height: 72px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}
.footer .right ul li i {
  color: #89e291;
  font-size: 40px;
}
.footer .right ul li:nth-child(3) i {
  font-size: 37px;
}
.footer .right ul li .box {
  background-color: red;
  position: absolute;
  width: 176px;
  height: 176px;
  border-radius: 20px;
}
.footer .right ul li:nth-child(1) .box {
  background-color: #fff;
  /* display: none; */
  top: -80px;
  left: 280px;
  background-image: url(images//index/wexin.jpg);
  background-size: contain;
}
.footer .right ul li:nth-child(2) .box {
  background-color: pink;
  display: none;
  top: -80px;
  left: 188px;
  background-image: url(images//index/blilibili.jpg);
  background-size: contain;
}
.footer .right ul li:nth-child(3) .box {
  display: none;
  top: -80px;
  right: -200px;
  background-image: url(images/index/douyin.jpg);
  background-size: contain;
}
.footer .right ul li.active i,
.right ul li:hover i {
  color: #fff;
}
.footer .right ul li.active,
.footer .right ul li:hover {
  background-color: #89e291;
  /* border: 1px solid #000;
     */
  box-shadow: 0 0 10px #fff;
}
.footer .right ul li.active .box {
  display: block;
}
/* 版权区域 */
